/*
 * @Descripttion:
 * @Author: voanit
 * @Date: 2022-06-02 11:28:56
 * @LastEditors: voanit
 * @LastEditTime: 2022-06-10 17:50:50
 */
// /*
//  * @Descripttion:
//  * @Author: voanit
//  * @Date: 2022-06-02 11:29:26
//  * @LastEditors: voanit
//  * @LastEditTime: 2022-06-10 15:49:45
//  */import React from 'react'
// import styles from './index.module.scss'
// import ReactFullpage from '@fullpage/react-fullpage';
// import Item from 'antd-mobile/es/components/dropdown/item';
// import ReactPlayer from 'react-player'
// import {
//   Player
// } from 'video-react';
// import "video-react/dist/video-react.css";
// const anchors = ["firstPage", "secondPage", "thirdPage"]; // import css


// type Props = {
//   id: number,
//   musicSrc: string,
//   videoSrc: string,
//   imageSrc: string,
//   count: number
// }
// const MySection = ({ id, imageSrc, videoSrc }: Props) => {
//   return (
//     <div className="section" style={{ height: '100vh', background: 'url(' + imageSrc + ')' }}>
//       这是第 ===={id} ====屏
//       {/* <ReactPlayer url={videoSrc} autoPlay={true} playing width='100%' height='100%'></ReactPlayer> */}

//       <video autoPlay loop muted >
//         <source src={videoSrc} type="video/mp4" />
//       </video>
//       {/* <Player autoPlay={true} loop={true} muted={true} playsInline={true}
//         // playsInline
//         src={videoSrc}
//         poster="https://video-react.js.org/assets/poster.png"
//       >
//       </Player> */}
//     </div >
//   );
// }
// const Question = () => {
//   var arr: Props[] = [
//     {
//       id: 1,
//       musicSrc: '',
//       videoSrc: 'http://vfx.mtime.cn/Video/2019/03/19/mp4/190319212559089721.mp4',
//       imageSrc: 'http://toutiao.itheima.net/resources/images/11.jpg',
//       count: 111
//     },
//     {
//       id: 2,
//       musicSrc: '',
//       videoSrc: 'http://vfx.mtime.cn/Video/2019/03/19/mp4/190319222227698228.mp4',
//       imageSrc: 'http://toutiao.itheima.net/resources/images/85.jpg',
//       count: 111
//     },
//     {
//       id: 3,
//       musicSrc: '',
//       videoSrc: 'http://vfx.mtime.cn/Video/2019/03/21/mp4/190321153853126488.mp4',
//       imageSrc: 'http://toutiao.itheima.net/resources/images/35.jpg',
//       count: 111
//     }
//   ]
//   return (
//     <ReactFullpage
//       // anchors={anchors} // 每一部分的锚点, 就是url#后面的部分
//       navigation={false} // 是否显示右侧小圆圈
//       // navigationTooltips={anchors} // 鼠标放到小圆圈上显示的提示
//       sectionsColor={["red", "green", "blue"]} // 每一个部分你的背景色
//       onLeave={(origin, destination, direction) => {
//         console.log("onLeave event", origin.item.children[0]);
//         // origin.item.children[0]!.children[0]!.play();
//         // let v = origin.item.children[0]
//         // v.play()
//       }} // 离开某一部分你的回调, 参数分别表示从哪里开 去哪里 方向. 前两者是自定义类型nn, 方向是up或down
//       render={({ state, fullpageApi }) => {
//         // console.log("render prop change", state, fullpageApi);
//         return (
//           <div className={styles.root}>
//             {arr.map(item => {
//               return <MySection key={item.id} id={item.id} imageSrc={item.imageSrc} musicSrc={item.musicSrc} videoSrc={item.videoSrc} count={item.count} />
//             })}

//           </div>
//         );
//       }}
//     />
//   );

// };
// export default Question
import React from 'react'

const Func = () => {
  return <div>
    御剑乘风来,除魔天地间!
  </div>
};
export default Func